<!--20210304  zaq  加入收支记录、组别记录、账簿增、改、查子组件-->
<!--20210324  zaq  新增初始化内容提示-->
<!--20210511  zaq  修改导入路径-->
<!--20210512  zaq  修改组别名称-->

<template>
<!--账簿页导航-->
    <div class="book">
    <el-tabs type="border-card"
             style="height: 100%;
             background-color: rgba(255,255,255,0.2);
             padding: 0;margin: 0;"

    >
      <el-tab-pane label="账簿管理">
<!--        显示账簿-->
        <my-books></my-books>
      </el-tab-pane>
<!--      <el-tab-pane label="查询">-->
<!--        &lt;!&ndash;  查询数据&ndash;&gt;-->
<!--        <my-list></my-list>-->
<!--      </el-tab-pane>-->
<!--      <el-tab-pane label="总汇">-->
<!--&lt;!&ndash;        收支汇总&ndash;&gt;-->
<!--        <summary-list></summary-list>-->
<!--      </el-tab-pane>-->
    </el-tabs>





  </div>

</template>

<script>
import list from "../../components/book/List";
import books from "../../components/book/Books";
import group from "../../components/book/Group";
import insert_book from "../../components/book/Insert_book";
import insert_group from "../../components/book/Insert-group";
import insert_list from "../../components/book/Insert_list";
import summary_list from "../../components/book/Summary_list";
import update_book from "../../components/book/Update_book";
import update_group from "../../components/book/Update_group";
import update_list from "../../components/book/Update_list";
export default {
  name: "book_page",
  props:{
  },
  components:{
    'my-list':list,//收支记录
    'my-books':books,//账簿管理
    'group-list':group,//结构为账簿-组别-收支的组别记录
    'insert-book':insert_book,//新增账簿
    'insert-group':insert_group,//新增组别
    'insert-list':insert_list,//新增收支记录
    'summary-list':summary_list,//收支记录汇总
    'update-book':update_book,//修改账簿信息
    'update-group':update_group,//修改组别信息
    'update-list':update_list,//修改收支记录信息
  },
  mounted() {
    // this.$notify({
    //   title: '提示',
    //   message: '新增记录只能添加默认账簿的内容，想要指定账簿添加记录请在账簿页面添加',
    //   duration: 0
    // });//初始化
  }
}
</script>

<style scoped>
.book{
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.2);
  vertical-align: center;
  float: right;
  padding: 0;
  margin: 0;
  position: absolute;
}
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both
}

.box-card {
  /*width: 25%;*/
}
</style>